@media only screen and (max-width:1023px){
    #container{ display:block; width:100%; padding-top:0;}
    .head{ padding-bottom:0;}
    .global_area{ width:100%; border-bottom:none;}
    ul.global{ width:100%; border:0;}
    ul.global li{ width:25%; border:0; border-bottom:1px solid #d67d0a;}
    ul.global li a{ height:auto; line-height:250%;}
    .icon_btn{ border:0; width:100%; background-color:#333;}
    .icon_btn a{ height:auto; line-height:250%; background:url(../images/icon_arrow_down.png) 45% 13px no-repeat;}
    .icon_btn a.on{ background:url(../images/icon_arrow_top.png) 45% 13px no-repeat;}
    .choose{ padding-top:0; padding-bottom:10px; height:auto; background:none; margin-bottom:10px;}
    .choose_margin{ padding-left:5%; padding-right:5%;}
    .choose_bg{ clear:both; display:block; width:100%; margin-right:0; margin-bottom:10px;}
    .choose_bg:last-child{ margin-bottom:0;}
    .inline{ width: 45px; display: inline-block;}
    .choose_button { width: 100%;}
    .position{ width:30%;}
    .bm{ width:100%;}
    .cur{ width:100%;}
    .totle .frame .border{ height:175px; padding-bottom:15px;}
    .bottom_bar{ margin-top:10px;}
    .detail{ width:100%; text-align:center; margin-left:0; margin-top:5px;}
    .detail .title{ font-size:1.2em; padding:0 10%;}
    .detail .title img{ display:none;}
    .detail .title em{ display:block; padding-left:0; padding-top:1%;}
    .detail .range span{ display:block;}
    .detail .range img{ vertical-align:top; margin-left:2px;}
    .chart{ width:100%; margin:10px 0 0;}
    .chart p.sum, .chart p.range{text-align:center;}
    .no_text{ margin-top:0;}
    .list_area{ float:none; width:95%; margin:0px auto; margin-bottom:10px;}
    .list_area .totle .border{ height:190px;}
    .list_area .border .area{ padding:10px 10px;}
    .list_area .border .area p.title{ text-align:center; margin-top:-2px;}
    .list_area .border .area p.title span.fl{ display:block; float:none; padding-bottom:10px;}
    .list_area .border .area p.title em{ float:none; display:block; padding-bottom:10px;}
    .list_area .border .area p.title em a{ font-size:1.5em; padding:7px 20px; width:85%; margin:0px auto;}
    .eq_dw{ position: static; text-align:center; padding:5px 0;}
    .list_data{ float:none; width:95%; margin:0px auto;}
    .list_data .border .area{ width:100%; height:200px; padding:0 15px;}
    .data_detail{ width:95%;}
    .swiper1, .swiper1 .swiper-slide{ height:800px;}
    #swiper .change-page{ bottom:0;}
    #swiper .swiper-container .home-device{padding-top:30px;}
    .list_area .border .area p.title span.fb{font-size:1.3em;}
    .list_area .border .area p.title img{height:15px;}
}
@media only screen and (max-width:450px){
    .detail .sum em{ font-size:1.5em; padding-right:3px;}
    .list_area .border .area p.title em a{ font-size:1.3em; padding:5px 20px;}
    .data_detail{ width:92%;}
    .swiper1, .swiper1 .swiper-slide{ height:550px;}
}
@media only screen and (max-width:420px){
    .icon_btn a{ background:url(../images/icon_arrow_down.png) 40% 13px no-repeat;}
    .icon_btn a.on{ background:url(../images/icon_arrow_top.png) 40% 13px no-repeat;}
}
@media only screen and (max-width:320px){
    .icon_btn a{ background:url(../images/icon_arrow_down.png) 38% 13px no-repeat;}
    .icon_btn a.on{ background:url(../images/icon_arrow_top.png) 38% 13px no-repeat;}
    .list_area .border .area p.title em a{ font-size:1.2em; padding:5px 20px;}
    .swiper1, .swiper1 .swiper-slide{ height:450px;}
}
